// =============================================================================
// SCSS/SITE/STACKS/ICON/_BREADCRUMBS.SCSS
// -----------------------------------------------------------------------------
// Styling for breadcrumb navigation to show users where they are within the
// site. Not intended for primary navigation. Keep their use succinct.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Base Styles
// =============================================================================

// Base Styles
// =============================================================================

.x-breadcrumb-wrap {
  margin: 0;
  border-bottom: 1px solid $baseBorderSolid;
  border-bottom: 1px solid $baseBorderRgba;
  padding: 0.85em 0;
  @include font-size(1.1);
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4;
  text-transform: uppercase;
  background-color: $baseModBackground;
}

.x-breadcrumbs {
  float: left;
  width: 85%;
  @include break(middle-bear) {
    float: none;
    width: 100%;
    text-align: center;
  }

  .delimiter {
    margin: 0 0.25em 0 0.45em;
  }
}